<!DOCTYPE html>
<html>
<head>
	<title>slot</title>
	<meta charset="UTF-8">
	<script src="./vue.js"></script>
</head>
<body>
	<div id="app">
		 <child>
			 <h1 slot="s1">fly</h1>
			 <h1 slot="s2">away</h1>
		 </child>
	</div>

	<script>
		Vue.component('child', {
			template: `
				<div>
					<p>hello</p>
					<slot name="s1">default</slot>
					<p>world</p>
					<slot name="s2">default</slot>
				</div>
			`,
			props: ['content']
		})

		var app = new Vue({
			el: '#app'
		})
	</script>

</body>
</html>